﻿<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>


<!-- Save for Web Styles (tapchibongda.vn.psd) -->
<link rel="stylesheet" type="text/css" href="Content/style.css" />
<!-- End Save for Web Styles -->

</head>
<body style="background-color:#555160; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (tapchibongda.vn.psd) -->
<div id="Maindiv">
	<div id="tapchibongda-01">
		<img src="Content/images/tapchibongda_01.gif" width="9" height="25" alt="">
	</div>
	<div id="tapchibongda-02">
		<img src="Content/images/tapchibongda_02.gif" width="721" height="25" alt="">
	</div>
	<div id="tapchibongda-03">
		<img src="Content/images/tapchibongda_03.gif" width="260" height="25" alt="">
	</div>
	<div id="tapchibongda-04">
		<img src="Content/images/tapchibongda_04.gif" width="9" height="4113" alt="">
	</div>
	<div id="tapchibongda-05">
		<img src="Content/images/tapchibongda_05.gif" width="9" height="100" alt="">
	</div>
	<div id="tapchibongda-06">
		<img src="Content/images/tapchibongda_06.gif" width="350" height="100" alt="">
	</div>
	<div id="tapchibongda-07">
		<img src="Content/images/tapchibongda_07.gif" width="631" height="100" alt="">
	</div>
	<div id="tapchibongda-08">
		<img src="Content/images/tapchibongda_08.gif" width="9" height="65" alt="">
	</div>
	<div id="tapchibongda-09">
		<img src="Content/images/tapchibongda_09.gif" width="981" height="75" alt="">
	</div>
	<div id="tapchibongda-10">
		<img src="Content/images/tapchibongda_10.gif" width="9" height="10" alt="">
	</div>
	<div id="tapchibongda-11">
		<img src="Content/images/tapchibongda_11.gif" width="9" height="381" alt="">
	</div>
	<div id="tapchibongda-12">
		<img src="Content/images/tapchibongda_12.gif" width="721" height="381" alt="">
	</div>
	<div id="tapchibongda-13">
		<img src="Content/images/tapchibongda_13.gif" width="260" height="489" alt="">
	</div>
	<div id="tapchibongda-14">
		<img src="Content/images/tapchibongda_14.gif" width="9" height="3532" alt="">
	</div>
	<div id="tapchibongda-15">
		<img src="Content/images/tapchibongda_15.gif" width="721" height="17" alt="">
	</div>
	<div id="tapchibongda-16">
		<img src="Content/images/tapchibongda_16.gif" width="721" height="320" alt="">
	</div>
	<div id="tapchibongda-17">
		<img src="Content/images/tapchibongda_17.gif" width="260" height="329" alt="">
	</div>
	<div id="tapchibongda-18">
		<img src="Content/images/tapchibongda_18.gif" width="721" height="65" alt="">
	</div>
	<div id="tapchibongda-19">
		<img src="Content/images/tapchibongda_19.gif" width="721" height="10" alt="">
	</div>
	<div id="tapchibongda-20">
		<img src="Content/images/tapchibongda_20.gif" width="721" height="299" alt="">
	</div>
	<div id="tapchibongda-21">
		<img src="Content/images/tapchibongda_21.gif" width="260" height="326" alt="">
	</div>
	<div id="tapchibongda-22">
		<img src="Content/images/tapchibongda_22.gif" width="721" height="14" alt="">
	</div>
	<div id="tapchibongda-23">
		<img src="Content/images/tapchibongda_23.gif" width="11" height="38" alt="">
	</div>
	<div id="tapchibongda-24">
		<img src="Content/images/tapchibongda_24.gif" width="697" height="65" alt="">
	</div>
	<div id="tapchibongda-25">
		<img src="Content/images/tapchibongda_25.gif" width="13" height="38" alt="">
	</div>
	<div id="tapchibongda-26">
		<img src="Content/images/tapchibongda_26.gif" width="11" height="15" alt="">
	</div>
	<div id="tapchibongda-27">
		<img src="Content/images/tapchibongda_27.gif" width="13" height="15" alt="">
	</div>
	<div id="tapchibongda-28">
		<img src="Content/images/tapchibongda_28.gif" width="260" height="15" alt="">
	</div>
	<div id="tapchibongda-29">
		<img src="Content/images/tapchibongda_29.gif" width="11" height="23" alt="">
	</div>
	<div id="tapchibongda-30">
		<img src="Content/images/tapchibongda_30.gif" width="13" height="23" alt="">
	</div>
	<div id="tapchibongda-31">
		<img src="Content/images/tapchibongda_31.gif" width="260" height="627" alt="">
	</div>
	<div id="tapchibongda-32">
		<img src="Content/images/tapchibongda_32.gif" width="697" height="11" alt="">
	</div>
	<div id="tapchibongda-33">
		<img src="Content/images/tapchibongda_33.gif" width="721" height="1970" alt="">
	</div>
	<div id="tapchibongda-34">
		<img src="Content/images/tapchibongda_34.gif" width="260" height="11" alt="">
	</div>
	<div id="tapchibongda-35">
		<img src="Content/images/tapchibongda_35.gif" width="260" height="1355" alt="">
	</div>
	<div id="tapchibongda-36">
		<img src="Content/images/tapchibongda_36.gif" width="981" height="54" alt="">
	</div>
	<div id="tapchibongda-37">
		<img src="Content/images/tapchibongda_37.gif" width="981" height="275" alt="">
	</div>
	<div id="tapchibongda-38">
		<img src="Content/images/tapchibongda_38.gif" width="981" height="164" alt="">
	</div>
	<div id="tapchibongda-39">
		<img src="Content/images/tapchibongda_39.gif" width="981" height="34" alt="">
	</div>
	<div id="tapchibongda-40">
		<img src="Content/images/tapchibongda_40.gif" width="981" height="88" alt="">
	</div>
	<div id="tapchibongda-41">
		<img src="Content/images/tapchibongda_41.gif" width="981" height="64" alt="">
	</div>
	<div id="tapchibongda-42">
		<img src="Content/images/tapchibongda_42.gif" width="981" height="62" alt="">
	</div>
	<div id="tapchibongda-43">
		<img src="Content/images/tapchibongda_43.gif" width="981" height="20" alt="">
	</div>
</div>
<!-- End Save for Web Slices -->
<script type="text/javascript">

    $.noConflict();
    jQuery(document).ready(function ($) {

        var bw = $('body').css('width');
        bw = bw.substring(0, bw.length - 2); // body width
        var dw = $('#Maindiv').css('width');
        dw = dw.substring(0, dw.length - 2); // main div width

        function getScrollBarWidth() {
            var inner = document.createElement('p');
            inner.style.width = "100%";
            inner.style.height = "200px";

            var outer = document.createElement('div');
            outer.style.position = "absolute";
            outer.style.top = "0px";
            outer.style.left = "0px";
            outer.style.visibility = "hidden";
            outer.style.width = "200px";
            outer.style.height = "150px";
            outer.style.overflow = "hidden";
            outer.appendChild(inner);

            document.body.appendChild(outer);
            var w1 = inner.offsetWidth;
            outer.style.overflow = 'scroll';
            var w2 = inner.offsetWidth;
            if (w1 == w2) w2 = outer.clientWidth;

            document.body.removeChild(outer);

            return (w1 - w2);
        };


        var scrollBarWidth = document.body.scrollWidth - dw; //getScrollBarWidth () ;

        //alert(document.body.scrollWidth);
        //alert(document.body.clientWidth);
        $('#Maindiv').css('left', (bw - dw - scrollBarWidth) / 2);

    });

</script>
</body>
</html>

<!--
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>My MVC Application</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>
!-->
